<template>
  <el-container style="text-align: center">
    <el-header style="font-size: 25px;font-family: 华文楷体;color: red">请扫描二维码</el-header>
    <el-main>
      <img :src="imgUrl" width="300px" height="300px" />
    </el-main>
  </el-container>
</template>

<script>
  import GoEasy from 'goeasy';
  export default {
    name: "CreateCode",
    data(){
      return {
        imgUrl:"http://localhost:80/api/order/code/"+this.$route.params.orderCode
      }
    },
    created() {
      //仅仅加载完数据；
    },
    mounted() {
      var vm = this;
      //数据和 页面都 存在
      var goEasy = new GoEasy({
        host:'hangzhou.goeasy.io',//应用所在的区域地址，杭州：hangzhou.goeasy.io，新加坡：singapore.goeasy.io
        appkey: "BC-3a73db077d46482bba5fd1b40369526c",//替换为您的应用appkey
        forceTLS:false, //如果需要使用HTTPS/WSS，请设置为true，默认为false
        onConnected: function() {
          console.log('连接成功！')
        },
        onDisconnected: function() {
          console.log('连接断开！')
        },
        onConnectFailed: function(error) {
          console.log('连接失败或错误！')
        }
      });
      /*订阅对应渠道的消息； 一旦后端publish 发布/推送 消息*/
      goEasy.subscribe({
        channel: "my_channel",//替换为您自己的channel
        onMessage: function (message) {
          console.log("Channel:" + message.channel + " content:" + message.content);
          if(message.content == 'success'){
            //改造下 用户体验
            //1.先弹出 成功支付的提示
            vm.$message({
              message: '恭喜你，这是一条成功消息',
              type: 'success'
            });
            //2.2秒以后跳转 首页
            setTimeout(function () {
              vm.$router.push("/index");
            },2000);
          }
        }
      });
    }
  }
</script>

<style scoped>

</style>
